@scroll-horizontal-width: 1px;
@scroll-vertical-height: 5px;
@scroll-background: rgba(0, 0, 0, 0.2);
@scroll-background-hover: rgba(0, 0, 0, 0.3);

/**
* 显示滚动条变量
*/
@scroll-horizontal-width-visible: 5px;
@scroll-vertical-height-visible: 5px;
@scroll-background-visible: rgba(0, 0, 0, 0.2);
@scroll-background-hover-visible: rgba(0, 0, 0, 0.3);

@display-box: flex;

/* 公共纵向弹性盒 */
.getDisplay() {
  display: flex;
  flex-direction: column;
}

/* 获取overflow属性 */
.getOverFlowXY() {
  overflow-y: auto;
  overflow-x: hidden;
}

#page-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgb(0, 0, 0, 0);

  :global {
    .ant-card-body {
      flex: auto;
      overflow: auto;
    }
  }
}

#page-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 页面列表视图 样式 */
.list-layout {
  height: 100%;
  .getDisplay();

  .list-layout-overflow {
    flex: auto;
    margin-top: 4px;
    overflow: auto;

    .list-layout-tableCard {
      height: 100%;

      :global {
        .ant-card-body {
          height: 100%;
          .getDisplay();
          padding: 0px;
        }
      }

      /* 表格外层div样式*/

      .list-layout-table {
        flex: auto;
        // padding: 0.5rem 0rem 0rem;
        .getOverFlowXY();
      }

      /* 卡片；列表外层样式 */

      .list-layout-card {
        flex: auto;
        padding: 0.5rem 1rem;
        .getOverFlowXY();
      }
    }
  }

  .list-layout-auto {
    flex: auto;
  }
}

/* 表格样式修改  */
.list-table {
  height: 100%;

  .ant-table-wrapper {
    height: 100%;

    .ant-spin-nested-loading {
      //表格loading样式
      height: 100%;

      .ant-spin-container {
        //表格loading样式
        height: 100%;
        .getDisplay();

        .ant-table {
          //表格样式
          flex: auto;
          overflow-y: auto;
          overflow-x: hidden;
          margin: 0rem 1rem;

          .ant-table-container {
            //表格容器样式
            height: 100%;
            .getDisplay();
            border: none;

            .ant-table-header {
              //表格头样式
              border-bottom: 0.5px solid #f0f0f0;

              .ant-table-column-title {
                white-space: nowrap;
                overflow: hidden;
              }

              .ant-table-thead {
                tr {
                  > :nth-of-type(1) {
                    border-left: 1px solid #f0f0f0;
                  }
                }
              }
            }

            .ant-table-thead {
              tr {
                > :nth-of-type(1) {
                  border-left: 1px solid #f0f0f0;
                }
              }
            }

            .ant-table-tbody {
              .rowClassBackground {
                background-color: #f6f6f6;

                .ant-table-cell-fix-left,
                .ant-table-cell-fix-right {
                  background-color: #f6f6f6;
                }
              }

              .ant-table-cell-with-append {
                // display: flex;

                .ant-table-row-expand-icon {
                  margin-top: 5px;
                }
              }

              .ant-table-row {
                > :nth-of-type(1) {
                  border-left: 1px solid #f0f0f0;
                }
              }

              .ant-table-placeholder {
                .ant-table-cell {
                  .ant-table-expanded-row-fixed {
                    border-left: 1px solid #f0f0f0;
                    border-right: 1px solid #f0f0f0;
                    margin: -8px -8px;
                  }

                  .ant-table-expanded-row-fixed::after {
                    border-right: none;
                  }
                }
              }
            }

            .ant-table-body {
              flex: auto;
              height: inherit;

              .ant-table-tbody {
                .ant-table-row {
                  td:first-child {
                    border-left: 1px solid #f0f0f0;
                  }
                }

                .ant-table-placeholder {
                  .ant-table-cell {
                    .ant-table-expanded-row-fixed {
                      border-left: 1px solid #f0f0f0;
                      border-right: 1px solid #f0f0f0;
                      margin: -8px -8px;
                    }

                    .ant-table-expanded-row-fixed::after {
                      border-right: none;
                    }
                  }
                }
              }
            }

            .ant-table-content::-webkit-scrollbar {
              width: @scroll-horizontal-width;
              height: @scroll-vertical-height;
            }

            .ant-table-content::-webkit-scrollbar-thumb {
              -webkit-transition: all 0.25s;
              background: @scroll-background;
              transition: all 0.25s;
              border-radius: 0px;
            }

            .ant-table-content::-webkit-scrollbar-thumb:hover {
              background: @scroll-background-hover;
            }

            .ant-table-body::-webkit-scrollbar {
              width: @scroll-horizontal-width;
              height: @scroll-vertical-height;
            }

            .ant-table-body::-webkit-scrollbar-thumb {
              -webkit-transition: all 0.25s;
              background: @scroll-background;
              transition: all 0.25s;
              border-radius: 0px;
            }

            .ant-table-body::-webkit-scrollbar-thumb:hover {
              background: @scroll-background-hover;
            }
          }
        }

        /**
        *  表格分页器样式
        */
        .ant-pagination {
          // margin: 0px;
          margin: 0rem 1rem;
          padding: 16px 1rem;
          background-color: #fcfcfc;
          border-top: 1px solid #eaeaea;
        }
      }
    }
  }
}

/* 表格样式修改---层级原因使用  */
.listTable-zIndexStyle {
  :global {
    height: 100%;

    .ant-table-wrapper {
      height: 100%;

      .ant-spin-nested-loading {
        //表格loading样式
        height: 100%;

        .ant-spin-container {
          //表格loading样式
          height: 100%;
          .getDisplay();

          .ant-table {
            //表格样式
            flex: auto;
            overflow-y: auto;
            overflow-x: hidden;
            margin: 0rem 1rem;

            .ant-table-container {
              //表格容器样式
              height: 100%;
              .getDisplay();
              border: none;

              .ant-table-header {
                //表格头样式
                border-bottom: 0.5px solid #f0f0f0;

                .ant-table-column-title {
                  white-space: nowrap;
                  overflow: hidden;
                }

                .ant-table-thead {
                  tr {
                    > :nth-of-type(1) {
                      border-left: 1px solid #f0f0f0;
                    }
                  }
                }
              }

              .ant-table-thead {
                tr {
                  > :nth-of-type(1) {
                    border-left: 1px solid #f0f0f0;
                  }
                }
              }

              .ant-table-tbody {
                .ant-table-row {
                  > :nth-of-type(1) {
                    border-left: 1px solid #f0f0f0;
                  }
                }

                .ant-table-placeholder {
                  .ant-table-cell {
                    .ant-table-expanded-row-fixed {
                      border-left: 1px solid #f0f0f0;
                      border-right: 1px solid #f0f0f0;
                      margin: -8px -8px;
                    }

                    .ant-table-expanded-row-fixed::after {
                      border-right: none;
                    }
                  }
                }
              }

              .ant-table-body {
                flex: auto;
                height: inherit;

                table {
                  .ant-table-tbody {
                    .ant-table-row {
                      > :nth-of-type(1) {
                        border-left: 1px solid #f0f0f0;
                      }
                    }

                    .ant-table-placeholder {
                      .ant-table-cell {
                        .ant-table-expanded-row-fixed {
                          border-left: 1px solid #f0f0f0;
                          border-right: 1px solid #f0f0f0;
                          margin: -8px -8px;
                        }

                        .ant-table-expanded-row-fixed::after {
                          border-right: none;
                        }
                      }
                    }
                  }
                }
              }

              .ant-table-content::-webkit-scrollbar-thumb {
                -webkit-transition: all 0.25s;
                background: @scroll-background;
                transition: all 0.25s;
                border-radius: 0px;
              }

              .ant-table-content::-webkit-scrollbar-thumb:hover {
                background: @scroll-background-hover;
              }

              .ant-table-body::-webkit-scrollbar {
                width: @scroll-horizontal-width;
                height: @scroll-vertical-height;
              }

              .ant-table-body::-webkit-scrollbar {
                width: @scroll-horizontal-width;
                height: @scroll-vertical-height;
              }

              .ant-table-body::-webkit-scrollbar-thumb {
                -webkit-transition: all 0.25s;
                background: @scroll-background;
                transition: all 0.25s;
                border-radius: 0px;
              }

              .ant-table-body::-webkit-scrollbar-thumb:hover {
                background: @scroll-background-hover;
              }
            }
          }

          /**
          *  表格分页器样式
          */
          .ant-pagination {
            // margin: 0px;
            margin: 0rem 1rem;
            padding: 16px 1rem;
            background-color: #fcfcfc;
            border-top: 1px solid #eaeaea;
          }
        }
      }
    }
  }
}

/* 列表样式 */
.list-card {
  height: 100%;
  .getDisplay();

  .list-card-list {
    flex: auto;
    border: 1px solid #f0f0f0;
    overflow-y: auto;
    overflow-x: hidden;

    :global {
      .ant-spin-nested-loading {
        height: 100%;

        .ant-spin-container {
          height: 100%;
        }
      }
    }
  }

  .list-card-content {
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .list-card-pagination {
    padding: 0.5rem;
    display: flex;
    justify-content: flex-end;
  }
}

/* table内容样式溢出隐藏 */
.over-flow-hidden {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;

  p {
    margin: 0px;
  }
}

/* 新增/编辑/详情界面样式 */
.page-view {
  height: 100%;
  .getDisplay();

  :global {
    // .ant-card-head-title {
    //   padding: 10px 0px;
    // }

    .ant-card-extra {
      padding: 0px;
    }

    .ant-card-body {
      height: 100%;
      flex: auto;
      padding: 12px;

      .ant-spin-nested-loading {
        height: 100%;

        .ant-spin-container {
          height: 100%;
        }
      }
    }

    /**
     *  具体使用方法请参照公告新增 页面
     */
    .cardBodyRow {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;

      .cardBodyCol {
        display: flex;
        flex-direction: column;
        height: 100%;

        .cardBodyform {
          flex: auto;
          overflow: hidden;
        }

        .cardBodybtn {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0px;
          border-top: 1px dashed #cdcdcd;
        }
      }
    }
  }
}

.searchExtra {
  :global {
    .ant-card-extra {
      padding: 0px;
    }
  }
}

/* 新增/编辑/详情界面样式 自适应滚动 */
.page-view-cardView {
  height: 100%;
  .getDisplay();

  :global {
    // 业务全部折叠展开面板图标 旋转90度
    .conmpanyCardExtra {
      transform: rotate(90deg);
    }

    .ant-card-head-title {
      padding: 7px 0px 6.8px 0px;
    }

    .ant-card-head {
      min-height: auto;
    }

    .ant-card-extra {
      padding: 0px;
    }

    .ant-card-body {
      // height: 100%;
      flex: auto;
      padding: 12px;
      overflow: hidden;

      /** 卡片内部flex布局滚动 */
      .CardBodyScrollBarLayout {
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }

      .ant-spin-nested-loading {
        height: 100%;

        .ant-spin-container {
          height: 100%;
        }
      }
    }

    /**
     *  具体使用方法请参照公告新增 页面
     */
    .cardBodyRow {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;

      .cardBodyCol {
        display: flex;
        flex-direction: column;
        height: 100%;

        .cardBodyform {
          flex: auto;
          overflow: hidden;
        }

        .cardBodybtn {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0px;
          border-top: 1px dashed #cdcdcd;
        }
      }
    }
  }
}

//弹框里表单布局
// .fromView-styles {
//   height: 100%;
//   width: 100%;
//   .getDisplay();

//   :global {
//     display: flex;
//     justify-content: center;

//     .ant-form-item {
//       margin-bottom: 10px;
//     }
//   }
// }

// 表单公共样式 弹框
.fromView-styles {
  :global {
    padding: 5px 48px 5px 0px;
    height: 100%;
    width: 100%;
    .getDisplay();

    .ant-form-vertical {
      padding-left: 3rem;
    }

    .ant-form-item-label {
      width: 144px;
    }

    /**
      上传文件公共组件, 为了展示文件的div,和表单同宽, 所以设置 一个和label宽度一样的左内边距
    */
    .renderFileBox {
      padding-left: 144px;
      margin-bottom: 10px;
      margin-top: -5px;
    }

    .ant-row,
    .ant-picker {
      width: 100%;
    }

    .ant-form-item,
    .ant-legacy-form-item {
      margin-bottom: 10px;
      margin-right: 0px;
    }

    .ant-form-item {
      .ant-form-item-control-input-content {
        height: 100%;

        .ant-input-textarea {
          height: 100%;
        }
      }
    }

    .ant-radio-group {
      display: block;
    }

    .ant-form-inline .ant-form-item {
      margin-bottom: 9px;
      margin-right: 0px;
    }

    .ant-form-inline .ant-form-explain,
    .ant-legacy-form-inline .ant-legacy-form-explain {
      position: relative;
    }

    .ant-input-number-group-wrapper {
      width: 100%;
    }

    .ant-input-number {
      width: 100%;

      .ant-input-number-handler-wrap {
        border-left: none;
      }
    }

    .ant-input-textarea-show-count::after {
      margin-bottom: -22px !important;
      // z-index: 99;
      z-index: 1;
      position: relative;
      top: -24px;
      right: 8px;
    }

    .ant-input::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .ant-input::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25s;
      border-radius: 0px;
    }

    .ant-input::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }
  }
}

/**
 *  解决表单 label 超过 7个字后 的样式   className={cls(pageStyles['fromView-styles'], pageStyles['fromView-labelLength'])}
 *  import cls from 'classnames'   使用 classnames 多样式插件  且本样式在后,以便 覆盖公共表单样式
 *  超过九个字 后请重新写一份样式 , 主要调整.ant-form-item-label 宽度 ,和fromView-labelLength 的右内边距 适当调整
 */
.fromView-labelLength {
  :global {
    padding: 5px 80px 5px 0px;

    .ant-form-item-label {
      width: 200px;
    }
  }
}

/**
* 以页面的方式展示输入表单，需要将label的长度延伸到260
*/
.fromView-labelLengthMax {
  :global {
    padding: 5px 80px 5px 0px;

    .ant-form-item-label {
      width: 260px !important;
    }
  }
}

/**
* antd 日期组件 若选择时间  时间选择的滚动条样式
*/
.datePickerTimeScrollbar {
  :global {
    .ant-picker-time-panel-column::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .ant-picker-time-panel-column::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25;
      border-radius: 0px;
    }

    .ant-picker-time-panel-column::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }
  }
}

// 表单公共样式 页面
.fromView-stylesPage {
  :global {
    padding: 0px 5px;
    height: 100%;
    width: 100%;
    .getDisplay();

    .ant-form-item-label {
      width: 160px;
    }

    /**
      上传文件公共组件, 为了展示文件的div,和表单同宽, 所以设置 一个和label宽度一样的左内边距
    */
    .renderFileBox {
      padding-left: 160px;
      margin-bottom: 10px;
      margin-top: -5px;
    }

    .ant-row {
      width: 100%;
    }

    .ant-form-item,
    .ant-legacy-form-item {
      margin-bottom: 10px;
    }

    .ant-form-inline .ant-form-explain,
    .ant-legacy-form-inline .ant-legacy-form-explain {
      position: relative;
    }

    .ant-input-number-group-wrapper {
      width: 100%;
    }

    .ant-input-number {
      width: 100%;

      .ant-input-number-handler-wrap {
        border-left: none;
      }
    }

    .ant-input-textarea-show-count::after {
      margin-bottom: -22px !important;
      // z-index: 99;
      z-index: 1;
      position: relative;
      top: -24px;
      right: 8px;
    }

    .ant-input::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .ant-input::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25s;
      border-radius: 0px;
    }

    .ant-input::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }
  }
}

// 表单 公共样式, 若有错误,可修改
// .fromView-styles {
//   :global {
//     padding: 5px 24px;
//     height: 100%;
//     width: 100%;
//     .getDisplay();

//     .ant-form-item-label {
//       width: 8em;
//     }

//     .ant-form-inline .ant-form-explain,
//     .ant-legacy-form-inline .ant-legacy-form-explain {
//       position: relative;
//     }

//     .ant-form-item,
//     .ant-legacy-form-item {
//       margin-bottom: 6px;
//     }

//     .ant-input-number {
//       width: 100%;

//       .ant-input-number-handler-wrap {
//         border-left: none;
//         border-radius: 0 4px 4px 0;
//       }
//     }

//     .ant-input-affix-wrapper {
//       border-radius: 4px;
//     }

//     .ant-select-selector {
//       border-radius: 4px !important;
//     }

//     .ant-btn-group .ant-btn {
//       border-radius: 4px;
//       border-top-right-radius: 4px !important;
//       border-bottom-right-radius: 4px !important;
//     }

//     .ant-picker {
//       border-radius: 4px !important;
//     }

//     .ant-btn {
//       border-radius: 4px !important;
//     }

//     .ant-input {
//       border-radius: 4px !important;
//     }

//     .ant-input::-webkit-scrollbar {
//       width: @scroll-horizontal-width;
//       height: @scroll-vertical-height;
//     }

//     .ant-input::-webkit-scrollbar-thumb {
//       -webkit-transition: all 0.25s;
//       background: @scroll-background;
//       transition: all 0.25s;
//       border-radius: 0px;
//     }

//     .ant-input::-webkit-scrollbar-thumb:hover {
//       background: @scroll-background-hover;
//     }

//     .ant-input-group {
//       .ant-input {
//         border-radius: 4px 0 0 4px !important;
//       }

//       .ant-input-group-addon {
//         border-radius: 0 4px 4px 0 !important;
//       }
//     }

//     .ant-input-number {
//       border-radius: 4px !important;
//     }

//     .ant-col {
//       margin-bottom: 3px;
//     }

//     .ant-form-item-with-help {
//       margin-bottom: 0 !important;
//     }

//     .ant-input-textarea-show-count::after {
//       margin-bottom: -22px !important;
//       z-index: 99;
//       position: relative;
//       top: -24px;
//       right: 8px;
//     }

//     .ant-divider-horizontal.ant-divider-with-text::before,
//     .ant-divider-horizontal.ant-divider-with-text::after {
//       top: 0;
//     }
//   }
// }

/**
 * 公共面板展开关闭样式
 */
.commonCollapse {
  :global {
    background-color: #ffffff;

    .ant-collapse-item,
    .ant-collapse-item-active {
      border-bottom: 0px !important;
    }

    .ant-collapse-item {
      border-bottom: none;
      background-color: #ffffff;

      .ant-collapse-header {
        padding: 6px 16px !important;
      }
    }

    .ant-divider-horizontal.ant-divider-with-text {
      margin: 0px;
    }

    .ant-divider-inner-text {
      font-weight: 600;
    }

    .ant-collapse-content {
      padding: 0px 16px;
    }

    // 新增编辑页面表单使用，不需要背景颜色
    .formCollapsePanelBox {
      :global {
        .ant-collapse-content-box {
          background-color: #ffffff;
        }
      }
    }

    .ant-collapse-content-box {
      padding: 10px !important;
      background-color: #f7f7f7;
      border-radius: 10px;
    }
  }
}

/**
 *详情 公共抽屉 描述列表样式
 */
.detailDrawerDes {
  :global {
    .ant-drawer-header {
      padding: 8px 16px;
    }

    .conmpanyCollapseExtra {
      transform: rotate(90deg);
    }

    .ant-drawer-body {
      .commonDrawerBodyDom {
        padding: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #fff;

        .drawerBodyInfoDom {
          height: 100%;
          flex: auto;
          overflow: hidden;
          margin: 5px 0px;
        }

        .drawerBottomBtn {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0px;
          border-top: 1px dashed #cdcdcd;
        }
      }
    }

    .ant-descriptions-view {
      border-radius: 0;

      .ant-descriptions-row {
        .ant-descriptions-item-label {
          word-break: keep-all;
          white-space: nowrap;
        }

        .ant-descriptions-item-content {
          word-break: break-all;
          width: 50%;
        }
      }
    }
  }
}

/**
* 滚动加载滚动条外部容器样式
*/
.InfiniteScrollView {
  height: 100%;
  overflow: auto;
}

.InfiniteScrollView::-webkit-scrollbar {
  width: @scroll-horizontal-width-visible;
  height: @scroll-vertical-height-visible;
}

.InfiniteScrollView::-webkit-scrollbar-thumb {
  -webkit-transition: all 0.25s;
  background: @scroll-background-visible;
  transition: all 0.25s;
  border-radius: 0px;
}

.InfiniteScrollView::-webkit-scrollbar-thumb:hover {
  background: @scroll-background-hover-visible;
}

/**
*  渲染富文本内容时候,p标签下边距过大
*/
.editorStyle {
  :global {
    p {
      margin-bottom: 0px;
    }
  }
}

/**
*  公共 tabs 样式  type = card
*/
.commonTabs {
  :global {
    width: 100%;
    height: 100%;

    // 业务全部折叠展开面板图标 旋转90度
    .conmpanyCardExtra {
      transform: rotate(90deg);
    }

    .ant-tabs-tabpane {
      // height: 100%;
      // width: 100%;
      // display: flex;
      // flex-direction: column;
      // overflow: hidden;

      /** tab 页面背景颜色 */
      .commonTabsBodyDom {
        padding: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #fff;

        .tabsBodyInfoDom {
          height: 100%;
          flex: auto;
          overflow: hidden;
          margin: 5px 0px;
        }

        .tabsBodyBottomBtn {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0px;
          border-top: 1px dashed #cdcdcd;
        }
      }
    }

    .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
      font-weight: 700;
      border-left: none;
    }

    .ant-tabs-tab .anticon {
      margin-right: 5px;
    }

    .ant-tabs-nav {
      margin: 0px !important;
      padding: 0px;
      background-color: #f9f9f9;
    }

    .ant-tabs-tab {
      margin-left: 0px !important;
    }

    .ant-tabs-extra-content {
      padding: 5px 10px;
      display: flex;
      align-items: center;
    }
  }
}

// 公共 tabs 样式 type = line
.commonTabsLine {
  background-color: #fff;

  :global {
    .ant-tabs {
      height: 100%;
      width: 100%;
      overflow: hidden;

      .ant-tabs-nav {
        margin: 0px;
        padding: 0px 1rem;

        .ant-tabs-tab {
          padding: 8px 0px;
        }

        .ant-tabs-tab:not(:first-child) {
          margin-left: 20px;
        }

        .ant-tabs-extra-content {
          display: flex;
          align-items: center;
        }
      }

      .ant-tabs-tabpane {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;

        /** tab 页面背景颜色 */
        .commonTabsBodyDom {
          padding: 0px;
          height: 100%;
          width: 100%;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          background: #fff;

          .tabsBodyInfoDom {
            height: 100%;
            flex: auto;
            overflow: hidden;
            margin: 5px 0px;
          }

          .tabsBodyBottomBtn {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px 0px;
            border-top: 1px dashed #cdcdcd;
          }
        }
      }
    }
  }
}

/**
 *  公共选择 部门人员样式
 */
.commonDeptUserCol {
  :global {
    .ant-card-head {
      padding: 0px 10px;
      background-color: #f1f1f1;
      margin-bottom: 1px;

      .ant-card-head-title {
        padding: 8px 0px;
      }
    }

    .ant-card-body {
      padding: 0px;
    }

    .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
      color: #717171;
      align-items: center;
      overflow: hidden;
    }

    .ant-tree-node-content-wrapper {
      align-items: center;
      overflow: hidden;
      color: #000;
    }

    .rightFather {
      padding: 5px 10px 0px 10px;
    }

    .rightChild {
      width: 100%;
      background-color: #409eff0a;
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #409eff;
      border: 1px solid rgba(160, 207, 255, 1);
    }

    .rightChildFalse {
      width: 100%;
      background-color: #eb2f9612;
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #ff0000;
      border: 1px solid #ff0000;
    }

    .rightChild:hover {
      box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
    }

    .rightChildIcon {
      display: flex;
      align-items: center;
      width: 85%;
    }
  }
}

/**
*  树结构数据,展示详情 气泡
*/
.tree-popover-detail {
  :global {
    border-radius: 14px;

    .ant-popover-inner {
      border-radius: 14px;

      .ant-popover-title {
        text-align: center;
        // font-size: 16px;
        font-weight: 600;
        border-bottom: 1px dashed #fff;
      }
    }

    .ant-popover-arrow-content::before {
      background: linear-gradient(to left, rgb(222 222 222) 50%, rgb(222 222 222) 50%) no-repeat -10px -10px;
    }

    p {
      margin-bottom: 5px;
      word-break: break-all;
    }
  }
}

/**
*  右侧抽屉详情
*/
.modalForm {
  :global {
    padding: 0 0px;

    .ant-form-vertical .ant-form-item-label,
    .ant-legacy-form-vertical .ant-legacy-form-item-label {
      width: 10em;
    }

    .ant-form-inline .ant-form-explain,
    .ant-legacy-form-inline .ant-legacy-form-explain {
      position: relative;
    }

    .ant-form-item,
    .ant-legacy-form-item {
      margin-bottom: 10px;
    }

    .ant-input-number {
      width: 100%;
    }

    // 白俊杰 公共样式 条件查询
    .ant-input-affix-wrapper {
      border-radius: 4px;
    }

    .ant-select-selector {
      border-radius: 4px !important;
    }

    .ant-btn-group .ant-btn {
      border-radius: 4px;
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
    }

    .ant-picker {
      border-radius: 4px !important;
    }

    .ant-btn {
      border-radius: 4px !important;
    }

    .ant-input {
      border-radius: 4px !important;
    }

    .ant-input-number {
      border-radius: 4px !important;
    }

    .ant-col {
      margin-bottom: 3px;
    }

    .ant-col:last-child {
      margin-bottom: 0px;
    }

    .ant-form-item-with-help {
      margin-bottom: 0 !important;
    }

    .ant-input-textarea-show-count::after {
      margin-bottom: -22px !important;
      // z-index: 99;
      z-index: 1;
      position: relative;
      top: -22px;
      right: 10px;
    }

    // .ant-form-item textarea.ant-input::-webkit-scrollbar{
    //   width: 0;
    // }
    .ant-input-group-wrapper {
      .ant-input-group {
        .ant-input {
          border-radius: 4px 0px 0px 4px !important;
        }

        .ant-input-group-addon {
          border-radius: 0 4px 4px 0;
        }
      }
    }
  }
}

/** 业务右侧数据 KEY  VALUE  展示 */
.conmmonRightCardList {
  :global {
    padding: 0px 8px;

    dl {
      margin-bottom: 10px;
      display: flex;
    }

    dl:last-child {
      padding-bottom: 0px;
      margin-bottom: 0px;
    }

    dt {
      min-width: 56px;
      max-width: 65px;
      color: rgba(0, 0, 0, 0.65);
      flex: auto;
      text-align: right;
      font-weight: normal;
      text-align-last: justify;
      white-space: nowrap;
    }

    dd {
      margin-bottom: 0;
      max-width: 70%;
      word-break: break-all;
    }
  }
}

// 详情展示 dl dt ，换行展示
.commonDlListSty {
  :global {
    dl {
      margin: 0px;
      padding: 0px 5px 10px;
      display: flex;
    }

    dl:last-child {
      padding-bottom: 0px;
    }

    dt {
      // min-width: 144px;
      color: rgba(0, 0, 0, 0.65);
      text-align: right;
      font-weight: normal;
      white-space: nowrap;
      letter-spacing: 0;
    }

    dd {
      margin-bottom: 0;
      min-width: 35%;
      word-break: break-all;
    }
  }
}

// 走马灯公共样式
.commonCarouselSty {
  :global {
    width: 100%;
    margin-bottom: 16px;

    .slick-dots-bottom {
      bottom: -5px !important;

      button {
        background: #000 !important;
      }

      .slick-active {
        button {
          background: #2600ff !important;
        }
      }
    }
  }
}

// 管理页操作栏 红色按钮
.manageColorRedBtn {
  color: rgb(255, 0, 0) !important;
}

.manageColorRedBtn:hover {
  color: rgb(255, 255, 255) !important;
  background: red !important;
  border: 1px solid red !important;
}

// 树下拉组件 下拉菜单样式
.treeSelectPopupClassName {
  :global {
    .ant-select-tree-node-content-wrapper {
      overflow: hidden;
    }
  }
}

// 处理没有边框的表格
.listTable-notBorder {
  :global {
    .ant-table-wrapper
      .ant-spin-nested-loading
      .ant-spin-container
      .ant-table
      .ant-table-container
      .ant-table-body
      table
      .ant-table-tbody
      .ant-table-row
      > :nth-of-type(1) {
      border-left: 0px solid #f0f0f0;
    }

    .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-header .ant-table-thead tr > :nth-of-type(1) {
      border-left: 0px solid #f0f0f0;
    }
  }
}

// 鼠标移入变小手
.mouseChangeHands:hover {
  cursor: pointer;
}

// .onCancelStyle {
//   color: red !important;
//   border: none;
//   transition: none;
// }

// .onCancelStyle:hover {
//   color: #fff !important;
//   background-color: red !important;
//   border: none;
// }
